cody - HTMLify profile
cody
4270 Files
633423 Views
Latest files of /cody/swapnilsparsh/30DaysOfJavaScript/56 - Jokes Chrome Extension
manifest.json
cody/swapnilsparsh/30DaysOfJavaScript/56 - Jokes Chrome Extension/manifest.json
{
"name":"Dad Jokes",
"version": "0.0.1",
"manifest_version": 2,
"browser_action":
{
"default_popup":"popup.html",
"default_icon":"sloth.png"
"name":"Dad Jokes",
"version": "0.0.1",
"manifest_version": 2,
"browser_action":
{
"default_popup":"popup.html",
"default_icon":"sloth.png"
output_ss.PNG
cody/swapnilsparsh/30DaysOfJavaScript/56 - Jokes Chrome Extension/output_ss.PNG
Media file
sloth.png
cody/swapnilsparsh/30DaysOfJavaScript/56 - Jokes Chrome Extension/sloth.png
Media file
style.css
cody/swapnilsparsh/30DaysOfJavaScript/56 - Jokes Chrome Extension/style.css
body {
width: 300px;
height: 300px;
background-color: aliceblue;
display: flex;
justify-content: center;
}
width: 300px;
height: 300px;
background-color: aliceblue;
display: flex;
justify-content: center;
}
popup.html
cody/swapnilsparsh/30DaysOfJavaScript/56 - Jokes Chrome Extension/popup.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="style.css">
<title> Dad Jokes </title>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="style.css">
<title> Dad Jokes </title>
script.js
cody/swapnilsparsh/30DaysOfJavaScript/56 - Jokes Chrome Extension/script.js
fetch('https://icanhazdadjoke.com/slack')
.then(data=> data.json())
.then(jokeData=> {
//var test=0;
const jokeText=jokeData.attachments[0].text;
const jokeid=document.getElementById('jokeid');
jokeid.innerHTML=jokeText;
})
.then(data=> data.json())
.then(jokeData=> {
//var test=0;
const jokeText=jokeData.attachments[0].text;
const jokeid=document.getElementById('jokeid');
jokeid.innerHTML=jokeText;
})